<template>
   <div style="height:100%;width:80%">
       <dt-srcoll :newData="dutyRateData"
                  :menuData="menuData"
                  :lineHeight="5"
                  :isAgain="true"
                  :tableHeight="50">
                  <!-- 自定义插槽 -->
           <!-- <template slot="footerTable">  
               <el-table-column
                     label="操作">
                   <template slot-scope="row">
                      <el-button type="text" size="small">详情</el-button>
                   </template>
               </el-table-column>
           </template> -->
       </dt-srcoll>
   </div>
</template>

<script>
import DtSrcoll from './DtSrcoll.vue'
 export default {
   components:{
     DtSrcoll
   },
   data() {
     return {
       menuData:[ //表格内容
         {
           name:'班级',
           prop:'group',
         },
         {
           name:'书本数量',
           prop:'bookNum'
         },
         {
           name:'数量',
           prop:'sceneNum'
         },
         {
           name:'进度',
           prop:'dutyRate'
         }
       ],
       //表格数据（也可以通过实时推送更新数据）
       dutyRateData: [    
         { group: "电工班1", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
         { group: "电工班2", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
         { group: "电工班3", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
         { group: "电工班4", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
         { group: "电工班5", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
         { group: "电工班6", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
         { group: "电工班7", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
         { group: "电工班8", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
         { group: "电工班9", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
         { group: "电工班10", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
         { group: "电工班11", bookNum: 3, sceneNum: 0, dutyRate: "88%" }
       ],

     };
   }
 };
</script>
